<%-- 
    Document   : colegio
    Created on : 14/04/2014, 06:40:25 PM
    Author     : Christian
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Emma</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link href="css/bootstrap.css" rel="stylesheet">

    </head>

    <body style="box-shadow: none">

        <div class="site-wrapper">

            <div class="site-wrapper-inner">

                <div class="cover-container">

                    <img src="img/wp1.jpg" style="width: 100%;height: 80px"/>

                    <div align="right">
                        <p style="text-shadow: none;font-size: 16px; color: #009999"><span class="glyphicon glyphicon-ok-circle"></span>&nbsp;Juanito Alimaña de los Palotes &nbsp;&nbsp;&nbsp;</p>
                    </div>

                    <div align="center" style="font-size: 25px">
                        <i><img src="img/home.png" style="width: 40px"/>&nbsp;Colegio</i>
                    </div>
                    <hr>
                    <br>

                    <div class="inner cover">

                        <div class="row">
                            <div class="col-md-1" style="width: 5%"></div>
                            <div class="col-md-2" align="right" style="border-right: 1px dashed #cccccc">
                                <div align="center"><spam style="font-size: 20px;color: #555555"><u>Enlaces</u></spam></div>
                                <br><br>
                                <div align="left">
                                    <a href="inicio.html"><span class="glyphicon glyphicon-th-list"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Cursos</spam><hr></a>
                                    <a href="perfil.html"><span class="glyphicon glyphicon-user"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Perfil</spam><hr></a>
                                    <a href="notas.html"><span class="glyphicon glyphicon-list-alt"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Notas</spam><hr></a>
                                    <a href=""><span class="glyphicon glyphicon-calendar"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Asistencia</spam><hr></a>
                                    <a href="colegio.html"><span class="glyphicon glyphicon-home"></span><spam style="font-size: 16px;color: #777777">&nbsp;&nbsp;Colegio</spam></a>
                                </div>
                            </div>
                            <div class="col-md-1" style="width: 5%"></div>
                            <div class="col-md-7" align="left">

                                <h3>Información</h3>
                                <hr>
                                
                                
                            </div>


                        </div>
                        <br><br>
                        <div align="center">
                            <hr>
                            <div class="inner">
                                <p>Proyecto <a href="http://www.massivedynamics.pe/emma.html"><spam style="color: #0099ff;font-size: 17px">E</spam><spam style="color: #666666;font-size: 17px">MM</spam><spam style="color: red;font-size: 17px">A</spam></a></p>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

            <!-- Bootstrap core JavaScript
            ================================================== -->
            <!-- Placed at the end of the document so the pages load faster -->
            <script src="js/jquery.min.js"></script>
            
            <script src="js/docs.min.js"></script>
    </body>
</body>
</html>